﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>My personal home page</title>
    <meta charset="utf-8" />
    <script src="js/time.js" type="text/javascript"></script>
    <link href="css/main.css" type="text/css"rel="stylesheet" />
</head>
<body class="MainPageBody" id="MainPageBodyId" style="background-image: url('image/main/MainPage.jpg');">
    <!--top-->
    <div class="MainTop" id="MainTopId">
        <a href="MyHomePage.html" ><div class="top_title" ><marquee direction="left" behavior="scroll" scrollamount="3" scrolldelay="0" loop="-1" width="400px" height="40px">欢迎进入我的主页</marquee></div></a>

        <div class="time" id="time">
            <script>
                setInterval("time()", 1000);
            </script>
        </div>
    </div>

    <!--content-->
    <div class="Container" id="ContainerId">
        <div class="Content">
            <div id="FirstContent" class="ThContent">
                <a href="html/SearchEngine.html" target="_blank" title="搜索">
                    <div id="SearchEngine" class="MyWebsite" style="background:url('image/main/search_engine1.png');background-size:100% 100%; ">
                        <span>搜索</span>
                    </div>
                </a>
                
                <a href="html/Consult.html" target="_blank" title="资讯">
                    <div id="Consult" class="MyWebsite" style="background:url('image/main/consult.png');background-size:100% 100%; ">
                        <span>资讯</span>
                    </div>
                </a>
                <a href="html/Video.html" target="_blank" title="影音">
                    <div id="SearchEngine" class="MyWebsite" style="background:url('image/main/video.png');background-size:100% 100%; ">
                        <span>影音</span>
                    </div>
                </a>
                <a href="html/Mooc.html" target="_blank" title="学习">
                    <div id="Mooc" class="MyWebsite" style="background:url('image/main/Mooc.png');background-size:100% 100%; ">
                        <span>学习</span>
                    </div>
                </a>
            </div>
            <div id="SecondContent" class="ThContent">
                <a href="html/Map.html" target="_blank" title="地图">
                    <div id="Map" class="MyWebsite" style="background:url('image/main/map.png');background-size:100% 100%; ">
                        <span>地图</span>
                    </div>
                </a>

                <a href="html/Sports.html" target="_blank" title="体育">
                    <div id="Sports" class="MyWebsite" style="background:url('image/main/Sports.png');background-size:100% 100%; ">
                        <span>体育</span>
                    </div>
                </a>
                <a href="html/Shop.html" target="_blank" title="购物">
                    <div id="Shop" class="MyWebsite" style="background:url('image/main/Shop.png');background-size:100% 100%; ">
                        <span>购物</span>
                    </div>
                </a>
                <a href="html/IT.html" target="_blank" title="科技">
                    <div id="IT" class="MyWebsite" style="background:url('image/main/IT.png');background-size:100% 100%; ">
                        <span>科技</span>
                    </div>
                </a>
            </div>
            <div id="ThridContent" class="ThContent">
                <a href="html/Community.html" target="_blank" title="社区">
                    <div id="Community" class="MyWebsite" style="background:url('image/main/Community.png');background-size:100% 100%; ">
                        <span>社区</span>
                    </div>
                </a>

                <a href="html/GIS.html" target="_blank" title="GIS">
                    <div id="GIS" class="MyWebsite" style="background:url('image/main/GIS.png');background-size:100% 100%; ">
                        <span>GIS</span>
                    </div>
                </a>
                <a href="html/Recruit.html" target="_blank" title="招聘">
                    <div id="Recruit" class="MyWebsite" style="background:url('image/main/Recruit.png');background-size:100% 100%; ">
                        <span>招聘</span>
                    </div>
                </a>
                <a href="html/Mail.html" target="_blank" title="邮箱">
                    <div id="MailBox" class="MyWebsite" style="background:url('image/main/Mail.png');background-size:100% 100%; ">
                        <span>邮箱</span>
                    </div>
                </a>
            </div>
        </div>
    </div>

    <!--Menu-->
    <div class="MainMenu" id="MainMenuId">
        <ul>
            <li class="main"><a href="MyHomePage.html">主页</a></li>
            <li class="search_engine"><a href="html/SearchEngine.html">搜索</a></li>
            <li class="consult"><a href="html/Consult.html">资讯</a></li>
            <li class="video"><a href="html/Video.html">影音</a></li>
            <li class="mooc"><a href="html/Mooc.html">学习</a></li>
            <li class="map"><a href="html/Map.html">地图</a></li>
            <li class="sports"><a href="html/Sports.html">体育</a></li>
            <li class="shop"><a href="html/IT.html">科技</a></li>
            <li class="community"><a href="html/Community.html">社区</a></li>
            <li class="gis"><a href="html/Shop.html">购物</a></li>
            <li class="it"><a href="html/GIS.html">GIS</a></li>
            <li class="recruit"><a href="html/Recruit.html">招聘</a></li>
            <li class="mailbox"><a href="html/Mail.html">邮箱</a></li>
        </ul>
    </div>

    <!--bottom-->
    <div class="MainBottom" id="MainBottomId">
        <div class="CopyRight">版权所有©中国地质大学(北京)信息工程学院地理信息科学2015级 赵林峰</div>
    </div>

</body>
</html>
